<template>
  <u-form labelWidth="auto">
    <view>
			<view style="display: flex;">
				<view>
					<view class="option" style="width: 520rpx;">
						<view class="lf">档案名称</view>
						<view class="rl">{{ item.archiveName }}</view>
					</view>
					
					<view class="option" style="width: 520rpx;">
						<view class="lf">纸质版数量</view>
						<view class="rl">{{ item.paperVersionQuantity }}</view>
					</view>
					
					<view class="option" style="width: 520rpx;">
						<view class="lf">是否有电子版</view>
						<view class="rl">{{ item.isElectronicVersion===null ||item.isElectronicVersion===''||item.isElectronicVersion===undefined?'':item.isElectronicVersion==1?'是':'否' }}</view>
					</view>
					<view class="option" style="width: 520rpx;">
						<view class="lf">备注</view>
						<view class="rl">{{ item.remark }}</view>
					</view>
				</view>
				
				<view  style="flex: 1; display: flex; align-items: center; justify-content: flex-end;">
					<u-icon name="edit-pen-fill" color="#2979ff" size="20" @click="handleEidtForm(item, index)"></u-icon>
					<u-line  direction="col" length="20" margin="0 10rpx"></u-line>
					<u-icon name="trash-fill" color="red" size="20"  @click="handleRemoveForm(item)"></u-icon>
				</view>
			</view>
		</view>
  </u-form>
</template>

<script>
// import { filterMultiDictText, initDictOptions } from '@/utils/JDictSelectUtil.js'
// import selectTaskProgressInput from '@/pages/synergy/components/selectTaskProgressInput.vue'

export default {
  name: 'PriceFormInfo',
  components: {
    // selectTaskProgressInput,
  },
  props: {
    index: {
      type: Number,
      default: null,
    },
    item: {
      type: Object,
      default: () => ({}),
    },
    progressVoList: {
      type: Array,
      default: () => [],
    },
    disabled: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
      // filterMultiDictText,
      // initDictOptions,
      // dictOptions: {},
      // smallList: [],
    }
  },
  watch: {
    item: {
      handler(val) {},
      immediate: true,
      deep: true,
    },
  },
  methods: {
    handleCopyForm(item) {
      this.$emit('copy', [item, this.index])
    },
    handleEidtForm(item) {
      this.$emit('edit', [item, this.index])
    },
    handleRemoveForm(item) {

      uni.showModal({
				content: '确定删除吗？',
				success: res => {
					if (res.confirm) {
						this.$emit('remove', item)
					}
				}
			})
    },
  },
}
</script>

<style scoped lang="scss">
.inforamtion {
  margin-top: 10rpx;
  padding: 10rpx;
  border-radius: 15rpx;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
}
</style>
